<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			 .containor{border:1px solid #999;position:absolute;background-color:#ffffff;width:600px;height:600px;}
    .kuai{float:left;background:url(http://pic.dbw.cn/0/08/95/46/8954644_618986.jpg) no-repeat;cursor:pointer;position:relative;}
		</style>
	</head>
	<body>
	  <div id="main" class="containor">
	  	<div class="kuai" id=img2  style="width:200px;height:200px;background-position:-200px 0px"></div>
	<div class="kuai" id=img1  style="width:200px;height:200px;background-position:0px 0px"></div>
	
	<div class="kuai" id=img3  style="width:200px;height:200px;background-position:-400px 0px"></div>
	<div class="kuai" id=img4  style="width:200px;height:200px;background-position:0px -200px"></div>
	<div class="kuai" id=img5  style="width:200px;height:200px;background-position:-200px -200px"></div>
	<div class="kuai" id=img6  style="width:200px;height:200px;background-position:-400px -200px"></div>
	<div class="kuai" id=img7  style="width:200px;height:200px;background-position:0px -400px"></div>
	<div class="kuai" id=img8  style="width:200px;height:200px;background-position:-200px -400px"></div>
	<div class="kuai" id=img9  style="width:200px;height:200px;visibility:hidden;background-position:-400px -400px"></div>
	  </div>
	</body>
</html>
